6.3. Руководство по работе с сайдбаром

6.3.1. Назначение и общий функционал сайдбара

Сайдбар - это закрепленная панель в интерфейсе Системы, содержащая элементы управления и навигации в Системе.

Сайдбар может отображать различные виды информации. Например, он может использоваться для размещения новостных материалов и строки поиска.

Элемент интерфейса «Сайдбар» применяется в Системе в качестве бокового левого (Рис. 6.3.1) или верхнего горизонтального меню (Рис. 6.3.2).

../_images/Left_sidebar1.png

Рис. 6.3.1 Пример бокового левого сайдбара

../_images/Top_sidebar1.png

Рис. 6.3.2 Пример верхнего горизонтального сайдбара

Переключение между боковым левым и верхним горизонтальным сайдбарами выполняется по кнопкам Top_ic и Left_ic соответственно (Рис. 6.3.1, Рис. 6.3.2).

Примечание

Название пунктов меню конкретного экземпляра сайдбара (как бокового, так и верхнего) и расположение этих пунктов требуется уточнить у Администратора или в документации на Систему, так как они могут отличаться в зависимости от настроек Системы.

6.3.2. Структура левого сайдбара

Сайдбар имеет три уровням вложенности (Рис. 6.3.3):

На первом уровне располагаются главные (верхние) пункты меню сайдбара.

Второй уровень соответствует подпунктам меню сайдбара. На третьем уровне располагаются конечные пункты меню сайдбара (Рис. 6.3.1).

../_images/Sidebar_examp1.png

Рис. 6.3.3 Пример левого сайдбара

Как открыть страницу с приложением

Переход к нужной странице Системы происходит при клике по конечным пунктам сайдбара.

6.3.3. Структура верхнего сайдбара

Переключение между боковым левым и верхним горизонтальным сайдбарами выполняется по кнопкам Top_ic и Left_ic соответственно (Рис. 6.3.1, Рис. 6.3.2).

Верхний сайдбар имеет два уровня вложенности. Если у пункта меню верхнего сайдбара есть подпункты, то они отображаются при наведении курсора на этот пункт. Справа от названия самого пункта расположен знак раскрывающегося списка list_ic (Рис. 6.3.4).

../_images/Top_sidebar11.png

Рис. 6.3.4 Пример верхнего сайдбара

Как открыть страницу с приложением

Переход к нужной странице Системы происходит при клике по конечным пунктам сайдбара.

6.3.4. Работа с сайдбаром на мобильных устройствах

В мобильной версии Системы верхний сайдбар отсутствует, а левый сайдбар скрыт. Левый сайдбар открывается по кнопке Left_ic в верхней части Системы (Рис. 6.3.5).

../_images/Mob_sidebar.png

Рис. 6.3.5 Кнопка отображения сайдбара в мобильной версии Системы

При нажатии на эту кнопку левый сайдбар появляется поверх рабочей области Системы (Рис. 6.3.6).

../_images/Mob_sidebar1.png

Рис. 6.3.6 Пример сайдбара в мобильной версии Системы

Структуру левого сайдбара см. здесь Структура левого сайдбара.

Скрывается сайдбар кликом по свободному месту Системы.